@charset "utf-8";
/* CSS Document */

@import "cui.css";
/* 请根据项目类型删掉多余的引用 */
@import "lib.css";

@import "m-insless.css";
/* 请在以下区间内开发 CSS 代码 */
@import "iconfont.css";
@import "m-nm.css";
@import "m-public.css";
@import "m-inside.css";
@import "less.css"; 
@import "m-insless.css";

.clear{clear: both;}
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100%; height:auto;}
.blank60{ height:60px;}
.tc_list{}
.tc_list li{ width:24%; float:left; height:174px; box-sizing:border-box; text-align:center; margin-right:1%;}
.tc_list li h3{font-size: 18px;color: #fff; padding: 35px 0 12px; font-weight:normal;}
.tc_list li p{font-size: 14px; padding-bottom: 26px; color:rgba(255,255,255,0.8);}
.tc_list li a{display: block; width: 118px;height: 34px;line-height: 34px; border: 1px solid #fff;border-radius: 5px;color: #fff;margin: 0 auto; transition:0.3s all;}
.tc_list li a:hover{border: 1px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.25);}
.tc_list li:nth-child(1){ background:url(../images/tc_bg1.png) no-repeat center;}
.tc_list li:nth-child(2){ background:url(../images/tc_bg2.png) no-repeat center;}
.tc_list li:nth-child(3){ background:url(../images/tc_bg4.png) no-repeat center;}
.tc_list li:nth-child(4){ background:url(../images/tc_bg3.png) no-repeat center; margin-right:0;}
/*优势*/
.c2 {background: url(../images/ys_bg.png) no-repeat top center;padding-top: 5vw;padding-bottom: 6vw;}
.c2a {width: 49%; float:left;}
.flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.c2abt {border-left: 8px solid #0f50ae;padding-left: 30px;margin-bottom: 3.5vw;}
.c2abt dd {font-size: 2.2rem;color: #0f50ae;font-weight: 600;}
.c2abt dd span {display: inline-block;background: #0f50ae;font-size: 2.5rem;width: 50px;height: 50px;color: #fff;line-height: 50px;border-radius: 50%;text-align: center;position: relative;}
.c2abt dt {font-size: 1.2rem;color: #666666;font-weight: normal;}
.c2ays li {margin-bottom: 3vw;}
.c2ays .img {width: 11.5%;position: relative;}
.c2ays .img::after {content: "";width: 2px;height: 3vw;background: #eaeaea;position: absolute;top: 80px;left: 49%;}
.c2ays li:last-child .img::after {display: none;}
.c2ays .img img {max-width: 100%;}
.c2ays .liwz {width: 82%;}
.c2ays .liwz h3 {font-size: 1.3rem;font-weight: 600;color: #333333;}
.c2ays .liwz p {font-size: 16px;line-height: 24px;color: #666666;margin-top: 10px;}
.c2dh {padding-left: 24px;height: 50px;line-height: 50px;background: #f2f2f2;border-radius: 50px;color: #666666;font-size: 14px;}
.c2dha img {line-height: 50px;margin-right: 15px;}
.c2dh span {color: #0f50ae;font-weight: 600;font-size: 1.5rem;line-height: 1;position: relative;top: 6px;}
.c2dh .c2dhb {display: block;background: #262626;text-align: center;width: 168px;font-size: 14px;color: #fff;line-height: 50px;height: 50px;border-radius: 50px;}
.c2b { float:right;width: 42.7%;margin-top: 12px;}
.c2b img {max-width: 100%;}
.main1{ max-width:1150px; margin: 0 auto; overflow: hidden;}
.main_tit{text-align:center; min-width:1200px; padding:50px 0 30px;}
.main_tit_z{ font-size:30px; margin-bottom:10px;color:#111; font-weight:normal; text-transform:uppercase;}
.main_tit_f{ font-size:14px; color:#666;}
.zzdb_left{width:24%;height:366px; float:left; margin: 5.8px 1px;}
.zzdb_bg { width: 100%; height: 470px; margin: 0 auto; clear:both;} 
.zzdb_bg .zzdb_left h2{line-height: 30px;color: #fff;font-size: 30px;text-align:center;font-weight:normal;padding-top:55px;}
.zzdb_bg .zzdb_left span{display:block;width:50px;height:3px;background:#fff;opacity:0.7;margin:20px 5px;}
.zzdb_bg .zzdb_left p{font-size:15px;color:#fff;line-height:32px;padding-right:30px;padding-left:50px;}
.zzdb_bg .zzdb_left a{display:block;width:160px;height:49px;border:1px solid #fff;border-radius:4px;margin:60px auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:48px;}
.zzdb_foods{width:75%;height:366px;float:right;}
.zzdb_foods li{width: 32%;    height: 178px;    background: #fff;    float: left;  margin: 5px 10px 0px 0px;}
.zzdb_foods .food1{margin-left:0px;background:url(../images/foods_bg1.jpg) no-repeat right bottom #fff;}
.zzdb_foods .food6{ margin-left:0px; background:url(../images/jiantou.png) no-repeat 170px center #fff;}
.zzdb_foods li h3{line-height: 30px;font-size: 16px;color: #233767;font-weight:normal;margin-left:30px;margin-top:30px;}
.zzdb_foods li p{line-height: 24px;color: #888;margin-left:30px;margin-top:5px;font-size:13px;}
.zzdb_foods li b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;}
.zzdb_foods .food6 .food_more{line-height: 30px;font-size: 18px;color: #233767;font-weight: 400;margin-left:60px;margin-top:50px;}
.zzdb_foods .food6 .food_more1{color: #999;line-height: 50px;margin-left:65px;font-weight:normal;font-size:14px;}
.view .swiper-slide .imgauto {width: 100%;height: 350px;}
.preview .swiper-slide {width: 25%;padding: 5px;}
.preview .swiper-slide .imgauto {width: 100%;border: 1px solid #ddd;}
.preview .active-nav .imgauto {border: 1px solid #0f50ae;}
.preview .swiper-container {width: 80%;margin: 0 10%;}
.preview  {position: relative;}
.preview .arrow-left {
    background: url(../images/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}
.preview .arrow-right {
    background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}
.work_list{width: 100%;padding-top: 12px;margin-bottom: 20px; overflow: hidden;}
.work_list h4{line-height: 44px;background: url(../images/icon12.png) 95% center no-repeat;text-indent: 0px;background-size: auto 10px;border-bottom: 1px solid #f2f2f2;width: 100%;float: left; position:relative;}
.work_list h4 a{float: left;line-height: 44px;color: #666;font-size: 14px;text-indent: 0;font-weight: normal;margin-left: 15px;}
.work_list h4.on a{font-weight: bold;}
.work_list h4 span{ width: 6px; height: 7px;color: #0f50ae;display: inline-block;float: left; font-weight:bold; position:absolute;top: -1px;}
.work_list ul{display: none;float: left;width: 100%;}
.work_list li{background: url(../images/icon12.png) 18px 15px no-repeat;text-indent: 10px;display: block;border-bottom: 1px solid #f2f2f2;width: 100%;line-height: 42px;background-size: 5px;}
.work_list li a{display: block;color: #666;font-size: 14px;text-indent: 0;padding-left: 30px;}
.work_list li.on a{ font-weight: bold; }
.work_list li span{margin-right: 20px;}
@media only screen and (max-width: 767px) {
	.category{display:none;}
	/*.zzdb_bg{display:none;}*/
	.main1{padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	.tc_list{ width:100%;}
	.tc_list li{ width:49%; float:left; height:174px; box-sizing:border-box; text-align:center; margin-right:1%; margin-bottom:10px;}
	.tc_list li h3{font-size: 18px;color: #fff; padding: 35px 0 12px; font-weight:normal;}
	.tc_list li p{font-size: 14px; padding-bottom: 26px; color:rgba(255,255,255,0.8);}
	.tc_list li a{display: block; width: 118px;height: 34px;line-height: 34px; border: 1px solid #fff;border-radius: 5px;color: #fff;margin: 0 auto; transition:0.3s all;}
	.tc_list li a:hover{border: 1px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.25);}
	.tc_list li:nth-child(1){ background:url(../images/tc_bg1.png) no-repeat center;}
	.tc_list li:nth-child(2){ background:url(../images/tc_bg2.png) no-repeat center;}
	.tc_list li:nth-child(3){ background:url(../images/tc_bg4.png) no-repeat center;}
	.tc_list li:nth-child(4){ background:url(../images/tc_bg3.png) no-repeat center; margin-right:0;}	
	.zzdb_left{width:100%;height:178px; float:left; margin: 5.8px 1px;}
	.zzdb_left{height:178px;float:left;box-sizing:border-box;width:100%;padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	.zzdb_bg { width: 100%; height:800px;  clear:both;box-sizing:border-box;} 
	.zzdb_bg .zzdb_left h2{line-height:30px;color:#fff;font-size:30px; float:center;}
	.zzdb_bg .zzdb_left p{width:100%; font-size:15px;color:#fff;line-height:30px;padding-top:14px;text-align: center;}
	.zzdb_bg .zzdb_left span{display:none;}
	.zzdb_bg .zzdb_left a{ display:none;}
	.zzdb_foods{width:100%;height:600px;float:left;box-sizing:border-box;}
	.zzdb_foods li{width:100%;height: 178px;background:#fff;float: left;margin:3px 7px 0px 0px;width:49%;}
	.zzdb_foods li:nth-child(2n+0){margin-right:0px;margin-left:10px;}
	.zzdb_foods .food1{background:url(../images/foods_bg1.jpg)  bottom #fff; margin-left:0px;}
	.zzdb_foods .food6{ margin-left:0px; background:url(../images/jiantou.png) no-repeat 170px center #fff;}
	.zzdb_foods li h3{line-height: 30px;font-size: 16px;color: #233767;font-weight:normal;margin-left:30px;margin-top:30px;}
	.zzdb_foods li p{line-height: 24px;color: #888;margin-left:30px;margin-top:5px;font-size:13px;}
	.zzdb_foods li b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;}
	.zzdb_foods .food6 .food_more{line-height: 30px;font-size: 18px;color: #233767;font-weight: 400;margin-left:60px;margin-top:50px;}
	.zzdb_foods .food6 .food_more1{color: #999;line-height: 50px;margin-left:65px;font-weight:normal;font-size:14px;}
	.c2a{width:100%;}
	.c2b{display:none;}
}
@media only screen and (max-width: 450px) {
	.zzdb_foods li{width:100%;padding-top: 5px; margin-top:5px; border-bottom:1px #CCC dashed;}
	.zzdb_bg { width: 100%; height:600px; clear:both;box-sizing:border-box;} 
	.zzdb_foods{width:100%;height:600px;float:left;box-sizing:border-box;}
	.zzdb_foods li:nth-child(3), .zzdb_foods li:nth-child(4), .zzdb_foods li:nth-child(5), .zzdb_foods li:nth-child(6){ display:none;}
}